body {

    background: #f0f0f0;

}

/**********头部 class="heng_header"**********/

.heng_header {

    width: 100%;

    background: #ffffff;

    overflow: hidden;

    border-top: 2px #cc3333 solid;

    padding: 24px 0px;

}

.heng_header > .container > .row >  .header_logo {

    width: 439px;

    float: left;

    overflow: hidden;

}

.heng_header > .container > .row >  .header_logo > img {

    width: 100%;

}

.heng_header > .container > .row >  .header_phone {

    width: 273px;

    float: right;

    overflow: hidden;

    margin: 10px 0 0 0;

}

.heng_header > .container > .row >  .header_phone > img {

    width: 33px;

    float: left;

}

.heng_header > .container > .row >  .header_phone > p {

    font-size: 30px;

    font-weight: bold;

    color: #cc3333;

    float: right;

}

/**********头部 class="heng_nav"**********/

.heng_nav {

    width: 100%;

    background: #e7e7e7;

    border-top: 1px #bebebe solid;

    position: relative;

    /* overflow: hidden; */

}

.heng_nav > .container > .row > .nav_img {

    display: none;

    float: right;

    cursor: pointer;

}

/* .heng_nav > .container > .row > ul {

    overflow: hidden;

    

} */

.heng_nav > .container > .row > ul > li {

    width: 120px;

    float: left;

    margin: 0 20px 0 0;

    position: relative;

}

.heng_nav > .container > .row > ul > li:last-child {

    margin: 0;

}

.heng_nav > .container > .row > ul > li > a {

    display: block;

    font-size: 18px;

    color: #000000;

    line-height: 59px;

    text-align: center;

}

.heng_nav > .container > .row > ul > li:hover > a {

    color: #ffffff;

    background: #cc3333; 

}

.heng_nav > .container > .row > ul > li.nav_active > a {

    color: #ffffff;

    background: #cc3333;

}

.heng_nav > .container > .row > ul > li > ul.secondary_nav {

    width: 410px;

    background: #ffffff;

    padding: 20px 10px 10px 10px;

    position: absolute;

    z-index: 99;

    left: 0px;

    right: 0;

    margin: auto;

    display: none;

}

.heng_nav > .container > .row > ul > li:hover > ul.secondary_nav {

    display: block;

}

.heng_nav > .container > .row > ul > li > ul.secondary_nav > li {

    width: 190px;

    margin: 0 30px 20px 0;

    float: left;

    border-bottom: 1px #cc3333 solid;

}

.heng_nav > .container > .row > ul > li > ul.secondary_nav > li:nth-child(2n) {

    margin: 0 0 20px 0;

}

.heng_nav > .container > .row > ul > li > ul.secondary_nav > li > a {

    color: #cc3333;

    font-size: 14px;

    line-height: 28px;

    /* text-align: center; */

    display: block;

}

/**********轮播图 class="heng_carousel"**********/

.heng_carousel {

    overflow: hidden;

}

/**********产品 class="heng_product"**********/

.heng_product {

    width: 100%;

    margin: 55px 0 80px 0;

    overflow: hidden;

}

.heng_product > .container > .row > .product_content {

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .public-prodct_sort,

.heng_xqy > .container > .row > .xqy_content > .public-prodct_sort {

    padding: 0 0 206px 0;

}

/*公共产品分类*/

.public-prodct_sort {

    width: 240px;

    /* min-height: 595px; */

    background: #ffffff;

    overflow: hidden;

    padding: 0 0 50px 0;

    box-shadow: 0px 0px 8px 0px rgba(230, 230, 230, 1);

    float: left;

}

.public-prodct_sort > .sort_title {

    width: 100%;

    background: #cc3333;

    overflow: hidden;

    padding: 99px 0 22px 0;

    margin: 0 0 6px 0;

}

.public-prodct_sort > .sort_title > h3 {

    font-size: 34px;

    color: #ffffff;

    text-align: center;

    overflow: hidden;

}

.public-prodct_sort > ul {

    overflow: hidden;

    border-top: 3px #000000 solid;

    padding: 44px 0 0 0;

}

.public-prodct_sort > ul > li {

    width: 200px;

    margin: 0 auto 25px auto;

}

.public-prodct_sort > ul > li:last-child {

    margin: 0 auto 0 auto;

}

.public-prodct_sort > ul > li > a {

    line-height: 40px;

    font-size: 18px;

    color: #ffffff;

    text-align: center;

    display: block;

    background: #cc3333;

}

.public-prodct_sort > ul > li > ul.prodct_secondary_nav {

    overflow: hidden;

}

.public-prodct_sort > ul > li > ul.prodct_secondary_nav > li {

    margin: 10px 0 0 0;

    padding: 0 0 0 20px;

    background: #e0e0e0;

}

.public-prodct_sort > ul > li > ul.prodct_secondary_nav > li > a {

    color: #000000;

    line-height: 26px;

    display: block;

}



.heng_product > .container > .row > .product_content > .product_list {

    width: 900px;

    float: right;

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .product_list > ul {

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li {

    margin: 0 0 45px 0;

    height: 310px;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li:last-child {

    margin: 0;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a {

    display: block;

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img {

    width: 500px;

    height: 310px;

    float: left;

    position: relative;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img > img {

    width: 100%;

    height: 100%;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img > .list_mask {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    opacity: 0;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img > .list_mask > img {

    width: 105px;

    height: 105px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li:hover > a > .list_img > .list_mask {

    opacity: 1;

    animation: mask 1s;

    -webkit-animation: mask 1s;

}

@keyframes mask {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text {

    padding: 30px 50px 0px 50px; 

    width: 299px;

    min-height: 278px;

    float: right;

    border: 1px #c6c6c6 solid;

    border-left: none;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > h4 {

    font-size: 24px;

    font-weight: bold;

    line-height: 26px;

    color: #000000;

    margin: 0 0 25px 0;

    border-left: 10px #cc3333 solid;

    padding: 0 0 0 20px;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > p {

    font-size: 14px;

    line-height: 22px;  

    color: #000000;

    margin: 0 0 10px 0;

    word-break: break-all;

    display: -webkit-box;

    -webkit-line-clamp: 4;  /*限制在一个块元素显示的文本的行数*/

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > i {

    font-size: 14px;

    line-height: 22px;

    color: #cc3333;

    margin: 0 0 15px 0;

    display: block;

    word-break: break-all;

    display: -webkit-box;

    -webkit-line-clamp: 2;  /*限制在一个块元素显示的文本的行数*/

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > span {

    display: block;

    width: 120px;

    background: #cc3333;

    line-height: 40px;

    text-align: center;

    color: #ffffff;

    font-size: 18px;

}

/**********合作伙伴 class="heng_partner"**********/

.heng_partner {

    width: 100%;

    padding: 40px 0 30px 0;

    background: #ffffff;

    overflow: hidden;

}

.heng_partner > .container > .row > .partner_title {

    width: fit-content;

    overflow: hidden;

    margin: 0px auto 40px auto;

}

.heng_partner > .container > .row > .partner_title > h3 {

    font-size: 30px;

    color: #cc3333;

    font-weight: bold;

    float: left;

    line-height: 30px;

}

.heng_partner > .container > .row > .partner_title > img {

    float: left;

    margin: 0 10px;

    display: block;

}

.heng_partner > .container > .row > .partner_title > p {

    font-size: 30px;

    color: #9c9c9c;

    float: left;

    line-height: 30px;

}

.heng_partner > .container > .row > ul {

    overflow: hidden;

}

.heng_partner > .container > .row > ul > li {

    width: 222px;

    height: 88px;

    border: 1px #cc3333 solid;

    float: left;

    margin: 0px 20px 20px 0;

}

.heng_partner > .container > .row > ul > li:nth-child(5n) {

    margin: 0 auto 20px auto;

}

.heng_partner > .container > .row > ul > li > a {

    display: block;

}

.heng_partner > .container > .row > ul > li > a > img {

    width: 100%;

}

/**********底部 class="heng_footer"**********/

.heng_footer {

    width: 100%;

    background: #cc3333;

    overflow: hidden;

    padding: 57px 0 67px 0;

}

.heng_footer > .container > .row > .footer_nav {

    width: auto;

    float: left;

    overflow: hidden;

}

.heng_footer > .container > .row > .footer_nav > ul {

    overflow: hidden;

}

.heng_footer > .container > .row > .footer_nav > ul > li {

    width: 120px;

    margin: 0 10px 0 0;

    float: left;

}

.heng_footer > .container > .row > .footer_nav > ul > li:last-child {

    margin: 0;

}

.heng_footer > .container > .row > .footer_nav > ul > li > a {

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

    margin: 0 0 20px 0;

    display: block;

}

.heng_footer > .container > .row > .footer_nav > ul > li > ul {

    overflow: hidden;

}

.heng_footer > .container > .row > .footer_nav > ul > li > ul > li {

    overflow: hidden;

}

.heng_footer > .container > .row > .footer_nav > ul > li > ul > li > a {

    font-size: 14px;

    color: #ececec;

    line-height: 28px;

}

.heng_footer > .container > .row > .footer_right {

    width: auto;

    float: right;

}

.heng_footer > .container > .row > .footer_right  > p {

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

}

.heng_footer > .container > .row > .footer_right > .footer_erweima {

    width: 120px;

    margin: 13px auto 0 auto;

}

.heng_footer > .container > .row > .footer_right > .footer_erweima > img {

    width: 100%;

    margin: 0 0 2px 0;

}

.heng_footer > .container > .row > .footer_right > .footer_erweima > p {

     font-size: 18px;

     color: #ffffff;

     text-align: center;

}

/**********版权 class="heng_copyright"**********/

.heng_copyright {

    width: 100%;

    background: #e8e8e8;

    overflow: hidden;

}

.heng_copyright > p {

    font-size: 18px;

    color: #cc3333;

    text-align: center;

    line-height: 70px;

}

/**********联系 class="heng_contact"**********/

.heng_lianxi {

    overflow: hidden;

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}

.heng_lianxi > .lianxi_box1 {

    width: 30px;

    padding: 20px 10px;

    height: fit-content;

    background: #cc3333;

    overflow: hidden;

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    cursor: pointer;

}

.heng_lianxi > .lianxi_box1 > span {

    color: #ffffff;

    font-size: 16px;

    text-align: center;

    display: block;

    margin: 0px 0 20px 0 ;

}

.heng_lianxi > .lianxi_box1 > p {

    color: #ffffff;

    font-size: 16px;

    text-align: center;

}

.heng_lianxi > .heng_contact {

    width: 200px;

    height: 280px;

    background: #cc3333;

    border-radius: 10px;

    overflow: hidden;

    position: fixed;

    right: -300px;

    top: 0;

    bottom: 0;

    margin: auto;

    display: none;

}

.heng_lianxi > .heng_contact.contact_active,

.heng_lianxi > .lianxi_box1.contact_active {

    right: 0px;

    display: block;

    animation: lianxi 0.5s;

}

@keyframes lianxi {

    0%{

        right: -300px;

    }

    100%{

        right: 0;

    }

}

.heng_lianxi > .heng_contact > p {

    background: #ffffff;

    color: #cc3333;

    font-size: 18px;

    padding: 10px 20px;

}



.heng_lianxi > .heng_contact > p > span {

    width: auto;

    color: #cc3333;

    font-size: 24px;

    line-height: 24px;

    float: right;

    cursor: pointer;

}

.heng_lianxi > .heng_contact > .contact_phone {

    overflow: hidden;

    padding: 40px 22px 20px 22px;

}

.heng_lianxi > .heng_contact > .contact_phone > img {

    width: 16px;

    height: 18px;

    float: left;

    margin: 0 12px 0 0;

}

.heng_lianxi > .heng_contact > .contact_phone > p {

    font-size: 18px;

    font-weight: bold;

    line-height: 18px;

    color: #ffffff;

}

.heng_lianxi > .heng_contact > .contact_erweima {

    width: 110px;

    margin: 0px auto;

}

.heng_lianxi > .heng_contact > .contact_erweima > img {

    width: 100%;

    height: 110px;

}

.heng_lianxi > .heng_contact > .contact_erweima > p {

    font-size: 18px;

    font-weight: bold;

    color: #ffffff;

    text-align: center;

}











@media screen and (min-width: 1200px) {

    .container {

        width: 1200px;

    }

}

@media screen and (max-width: 1199px) and (min-width: 992px) {

    /*导航*/

    .heng_nav > .container > .row > ul > li {

        width: 110px;

        margin: 0 11px 0 0;

    }

    .heng_nav > .container > .row > ul > li:hover > ul.secondary_nav {

        display: none;

    }

    /*公共产品分类*/

    .public-prodct_sort {

        width: 200px;

    }

    .public-prodct_sort > ul > li {

        width: 160px;

    }

    /*****产品*****/

    .heng_product > .container > .row > .product_content > .product_list {

        width: 740px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li {

        height: 248px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img {

        width: 400px;

        height: 248px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text {

        padding: 20px 20px 0px 20px;

        width: 299px;

        min-height: 226px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > h4 {

        margin: 0 0 10px 0;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > p {

        margin: 0 0 5px 0;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > i {

        margin: 0 0 10px 0;

    }

    /*****版权*****/

    .heng_copyright > p {

        font-size: 16px;

    }

    /*****联系*****/

    .heng_lianxi {

        display: none;

    }

    /*合作伙伴*/

    .heng_partner > .container > .row > ul > li {

        width: 176px;

        height: 70px;

    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    /*****导航*****/

    .heng_nav > .container > .row > ul > li {

        width: 93px;

        margin: 0 0 0 0;

    }

    .heng_nav > .container > .row > ul > li > a {

        font-size: 16px;

    }

    .heng_nav > .container > .row > ul > li:hover > ul.secondary_nav {

        display: none;

    }

    /*公共产品分类*/

    .public-prodct_sort {

        width: 100%;

        min-height: auto;

        float: none;

        margin: 0 0 30px 0;

        padding: 0 0 40px 0;

    }

    .heng_product > .container > .row > .product_content > .public-prodct_sort,

    .heng_xqy > .container > .row > .xqy_content > .public-prodct_sort {

        padding: 0 0 40px 0;

    }

    .public-prodct_sort > .sort_title {

        padding: 0;

    }

    .public-prodct_sort > ul > li {

        float: left;

        margin: 0 75px 0 0;

    }

    /*****产品*****/

    .heng_product > .container > .row > .product_content > .product_list {

        width: 100%;

        float: none;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li {

        height: 248px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img {

        width: 400px;

        height: 248px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text {

        padding: 20px 25px 0px 25px;

        width: 299px;

        min-height: 226px;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > h4 {

        margin: 0 0 10px 0;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > p {

        margin: 0 0 5px 0;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > i {

        margin: 0 0 10px 0;

    }

    /*****版权*****/

    .heng_copyright > p {

        line-height: 30px;

    }

    /*****联系*****/

    .heng_lianxi {

        display: none;

    }

    /*****合作伙伴*****/

    .heng_partner > .container > .row > ul {

        width: 712px;

        margin: 0px auto;

    }

    .heng_partner > .container > .row > ul > li:nth-child(5n) {

        margin: 0 20px 20px 0;

    }

    .heng_partner > .container > .row > ul > li:nth-child(3n) {

        margin: 0 0 20px 0;

    }

}

@media screen and (max-width: 767px) and (min-width: 320px) {

    /*****头部*****/

    .heng_header > .container > .row > .header_logo {

        width: 100%;

        max-width: 439px;

        float: none;

        margin: 0px auto 20px auto;

    }

    .heng_header > .container > .row > .header_phone {

        float: none;

        margin: 0px auto;

    }

    /*****轮播图*****/

    .heng_carousel {

        display: none;

    }

    /*****导航*****/

    .heng_nav {

        overflow: inherit;

        padding: 10px 0;

    }

    .heng_nav > .container > .row > .nav_img {

        display: block;

        padding: 0 30px 0 0;

    }

    .heng_nav > .container > .row > ul {

        position: absolute;

        top: 57px;

        z-index: 999;

        background: #ffffff;

        width: 100%;

        padding: 20px 0;

        border-top: 1px #bebebe solid;

        border-bottom: 1px #bebebe solid;

        opacity: 0;

        display: none;

    }

    .heng_nav > .container > .row > ul > li {

        width: 100%;

        float: none;

        margin: 0 20px 0 0;

    }

    .heng_nav > .container > .row > ul > li > a {

        line-height: 40px

    }

    .heng_nav > .container > .row > ul.nav_dactive {

        animation: navd 1s;

        -webkit-animation: navd 1s;

        opacity: 1;

        height: 350px;

        display: block;

    }

    @keyframes navd {

        0%{

           height: 0;

           opacity: 0;

        }

        100%{

            height: 50%;

            opacity: 0.5;

        }

        100%{

            height: 350px;

            opacity: 1;

        }

    }

    .heng_nav > .container > .row > ul > li:hover > ul.secondary_nav {

        display: none;

    }

    /*公共产品分类*/

    .public-prodct_sort {

        width: 100%;

        min-height: auto;

        float: none;

        margin: 0 0 30px 0;

        padding: 0 0 30px 0;

    }

    .heng_product > .container > .row > .product_content > .public-prodct_sort,

    .heng_xqy > .container > .row > .xqy_content > .public-prodct_sort {

        padding: 0 0 30px 0;

    }

    .public-prodct_sort > .sort_title {

        padding: 0;

    }

    /*****产品*****/

    .heng_product > .container > .row > .product_content > .product_list {

        width: 100%;

        float: none;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li {

        height: auto;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_img {

        float: none;

        width: 100%;

        max-width: 500px;

        height: auto;

        margin: 0px auto;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text {

        width: 90%;

        border: none;

        border-bottom: 1px #c6c6c6 solid;

        padding: 20px 5% 20px 5%;

        margin: auto;

        float: none;

        min-height: auto;

    }

    .heng_product > .container > .row > .product_content > .product_list > ul > li > a > .list_text > h4 {

        margin: 0 auto 25px auto;

        width: fit-content;

    }

    /*****版权*****/

    .heng_copyright > p {

        line-height: 30px;

    }

    /*****联系*****/

    .heng_lianxi {

        display: none;

    }

}

@media screen and (max-width: 767px) and (min-width: 500px) {

    /*公共产品分类*/

    .public-prodct_sort {

        width: 100%;

        min-height: auto;

        float: none;

        margin: 0 0 30px 0;

        padding: 0 0 30px 0;

    }

    .public-prodct_sort > ul > li {

        float: left;

        width: 30%;

        margin: 0 5% 0 0;

    }

}

@media screen and (max-width: 767px) and (min-width: 712px) {

    /*****合作伙伴*****/

    .heng_partner > .container > .row > ul {

        width: 712px;

        margin: 0px auto;

    }

    .heng_partner > .container > .row > ul > li:nth-child(5n) {

        margin: 0 20px 20px 0;

    }

    .heng_partner > .container > .row > ul > li:nth-child(3n) {

        margin: 0 0 20px 0;

    }

}

@media screen and (max-width: 711px) and (min-width: 470px) {

    /*****合作伙伴*****/

    .heng_partner > .container > .row > ul {

        width: 470px;

        margin: 0px auto;

    }

    .heng_partner > .container > .row > ul > li:nth-child(5n) {

        margin: 0px 20px 20px auto;

    }

    .heng_partner > .container > .row > ul > li:nth-child(2n) {

        margin: 0 auto 20px auto;

    }

}

@media screen and (max-width: 469px) and (min-width: 320px) {

    /*****合作伙伴*****/

    .heng_partner > .container > .row > ul > li {

        float: none;

        margin: 0px auto 20px auto;

    }

    .heng_partner > .container > .row > ul > li:nth-child(5n) {

        margin: 0px auto 20px auto;

    }

}

@media screen and (max-width: 499px) and (min-width: 320px) {

    .public-prodct_sort > ul > li {

        float: none;

        /* width: 30%; */

        /* margin: 0 auto 25 auto; */

    }

}

@media screen and (max-width: 722px) and (min-width: 320px) {

    /*****底部*****/

    .heng_footer > .container > .row > .footer_nav {

        width: fit-content;

        float: none;

        margin: 0px auto 30px auto;

    }

    .heng_footer > .container > .row > .footer_right {

        width: fit-content;

        float: none;

        margin: 0px auto;

    }

}

@media screen and (max-width: 384px) and (min-width: 320px) {

    /*****底部*****/

    .heng_footer > .container > .row > .footer_nav > ul > li {

        width: 100px;

    }

}